<script lang="ts" setup>
import { ref } from "vue";

const currentIndex = ref(1);
</script>

<template id="04b6a49e-b800-4c38-b7db-b053e3a9ebe0">
  <umi-container id="ec4b53fc-1098-486e-973a-ef5710d5f84e" padding="16px" align="center" min-height="calc(100vh - 64px)" bg-color="#f2f2f2">
    <umi-container id="46db9ed3-2202-4c30-a643-70c863ca1cac" :gap="16" width="800px">
      <umi-image id="a5d506d2-9cc0-4189-9aa7-63752eafc347" :height="150"></umi-image>
      <umi-card id="10fcc744-824b-4a26-bf88-4c7d059937b0" :bordered="false">
        <umi-container id="524febf2-0228-4028-a2bd-5e6c6b556f33" padding="32px 32px 16px 32px" :gap="16">
          <umi-steps id="cc1570c5-8f82-49ce-a8f1-fb9ae417ad13" :current="currentIndex">
            <umi-steps-item id="d41e63e7-fb0a-4b23-8d15-3fdac44d53d4">门店资料</umi-steps-item>
            <umi-steps-item id="e4e1ad2f-3964-4a39-b242-278f97b7b36e">资质审核</umi-steps-item>
            <umi-steps-item id="0402bab8-469e-444d-9cfd-0e485e1d9edd">提交审核</umi-steps-item>
          </umi-steps>
        </umi-container>
        <umi-divider id="78d0bef6-9fad-46e3-a9ac-5df0a1b65dda" padding="32px 0"></umi-divider>
        <template id="a1794cac-cd47-4d86-a6cc-af5e34f08aab" v-if="currentIndex === 1">
          <umi-form id="5fbeac2e-f6d4-467b-aee4-0b1896d457bd">
            <umi-form-item id="b17eca68-7278-4505-91e1-65862dc017d7" label="门店名称" :required="true">
              <umi-input id="19e12dd1-2b1f-4a5b-838a-6c5bdc8452a7" placeholder="请输入门店名称"></umi-input>
            </umi-form-item>
            <umi-form-item id="37ac7a94-d3c3-4f30-89c4-b186fb842437" label="门店负责人" :required="true">
              <umi-input id="378be5c5-29b8-4577-87ea-72d0ab43329f" placeholder="请输入门店负责人的姓名"></umi-input>
            </umi-form-item>
            <umi-form-item id="46297b18-9f47-4241-8c8e-635d05113329" label="联系电话" required="true">
              <umi-input id="21e524d8-9bb6-47ee-8fb0-7b1568357cc2" placeholder="请输入联系电话"></umi-input>
            </umi-form-item>
            <umi-form-item id="8d0a1cc8-7b76-4f49-8cf6-cc3aebf33073" label="营业执照编号" :required="true">
              <umi-input id="489592a9-f6a3-431e-9005-47684b21f35e" placeholder="请输入营业执照编号"></umi-input>
            </umi-form-item>
          </umi-form>
          <umi-divider id="85408485-61c5-4e2f-b133-8ac9e40acc66" padding="32px 0"></umi-divider>
          <umi-container id="89d02e5e-79a4-4bc8-8344-07aeaf93ad15" direction="horizontal" justify="center">
            <umi-button id="be744638-d5b3-46d9-aa54-a7e3da44d16f" type="primary" @click="currentIndex = 2">保存并下一步</umi-button>
          </umi-container>
        </template>
        <template id="9dd64958-f561-4974-9ada-7ba21c931ac9" v-if="currentIndex === 2">
          <umi-divider padding="32px 0"></umi-divider>
          <umi-container id="ac4f7a70-7825-4f4c-8355-04ffc3bb9228" direction="horizontal" justify="center" :gap="8">
            <umi-button id="7bba92b0-a8a1-41d8-b361-e6cee883b30e" type="primary" @click="currentIndex = 1">返回</umi-button>
            <umi-button id="f2b58c43-9736-47fe-8057-d5c26619cbf6" type="primary" @click="currentIndex = 3">保存并下一步</umi-button>
          </umi-container>
        </template>
      </umi-card>
    </umi-container>
  </umi-container>
</template>
